<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>股票交易模拟</title>
    <link rel="icon" type="image/x-icon" href="/img/favicon.gif"/>
</head>
<style>
    a{
        text-decoration:none;
    }
    .content{
        width: calc(90% - 2px);height: calc(90% - 2px);
        overflow:auto;
        border: gainsboro solid 1px;
    }
    .content::-webkit-scrollbar {
        display: none;/*隐藏滚动条*/
    }
    .aside::-webkit-scrollbar {
        display: none;/*隐藏滚动条*/
    }

    .p{
        margin-left: 10%;
        color:black;

    }

    .pp{
        margin-left: 10%;
        color: ghostwhite;
        background-color: darkgray;

    }
    .ppp{
        margin-left: 10%;
        color: orange;

    }

</style>
<link rel="stylesheet" href="https://qidian.gtimg.com/lulu/pure/css/common/ui/Input.css">
<!--x下拉-->

<link rel="stylesheet" href="https://qidian.gtimg.com/lulu/pure/css/common/ui/Select.css">
<script src="https://qidian.gtimg.com/lulu/pure/js/common/ui/Select.js"></script>

<!-- dialog-->
<link rel="stylesheet" href="https://qidian.gtimg.com/lulu/pure/css/common/ui/Button.css">
<link rel="stylesheet" href="https://qidian.gtimg.com/lulu/pure/css/common/ui/Dialog.css">
<script src="https://qidian.gtimg.com/lulu/pure/js/common/ui/Dialog.js"></script>
<!-- jquery-->
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<!-- table -->
<link rel="stylesheet" href="https://qidian.gtimg.com/lulu/pure/css/common/ui/Table.css">
<link rel="stylesheet" href="https://qidian.gtimg.com/lulu/pure/css/common/comp/Table.css">

<!--分页-->
<link rel="stylesheet" href="https://qidian.gtimg.com/lulu/pure/css/common/ui/Pagination.css">
<script src="https://qidian.gtimg.com/lulu/pure/js/common/ui/Pagination.js"></script>
<!--echart-->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>
<body style="height: calc(100%);display: flex;flex-wrap: wrap">

    <header style="width: 100%;height: calc(10%);background-color:steelblue">
        <p>
            <span style="margin-left: 1%">你好 ，</span>
            <a style="color: darkseagreen" onclick="load('/user/info')"  th:text="${session.user.name}"></a>！
            <a style="margin-left: 1%;text-decoration:none;color: burlywood" href="/">首页 </a>
            <a style="margin-left: 30%;color: burlywood">交易模拟教学平台</a>
            <a style="margin-left: 35% ;text-decoration:none;color: #9facba"  href="/loginOut">退出</a>

        </p>
<!--        <a style="margin-left: 80%">退出</a>-->

    </header>
    <aside style="width: calc(10%);height: calc(90%); overflow:auto;" class="aside">
        <section th:if="${session.user.name == 'admin'}">
            <p style="color: black"><b>系统管理</b></p>
<!--            <p><a onclick="load('/user/info')" class="p">个人信息</a></p>-->
            <p><a onclick="load('/user/list')" href="javascript:void(0)" class="p">用户管理</a></p>
            <p><a onclick="load('/offer/add')" href="javascript:void(0)" class="p">添加拍卖</a></p>
            <p><a onclick="load('/task')" href="javascript:void(0)" class="p">定时任务管理</a></p>
            <p><a onclick="load('/trade/list')" href="javascript:void(0)" class="p">进行中的撮合</a></p>
        </section>
        <p style="color: black"><b>个人中心</b></p>
        <p><a onclick="load('/user/info')" class="p" href="javascript:void(0)">个人信息</a></p>
        <p><a onclick="load('/fundFlush/list')" class="p" href="javascript:void(0)">个人资金明细</a></p>
        <p style="color: black"><b>拍卖交易</b></p>
        <p><a onclick="load('/offer/offerWithFlush')" href="javascript:void(0)" class="p">拍卖出价</a></p>
        <p><a onclick="load('/offer/list')" class="p" href="javascript:void(0)">拍卖公示</a></p>
        <p  style="color: black"><b>撮合交易</b></p>
        <p><a onclick="load('/userGood/list')" href="javascript:void(0)" class="p">持有的商品</a></p>
        <p><a onclick="load('/trade/buyList')"  href="javascript:void(0)" class="p">我的买入</a></p>
        <p><a onclick="load('/trade/sellList')" href="javascript:void(0)" class="p">我的卖出</a></p>
        <p><a onclick="load('/tradeFlush/list')" href="javascript:void(0)" class="p">成交大厅</a></p>
<!--        <p><a onclick="load('/tradeFlush/line')" href="javascript:void(0)" class="p">成交大厅折线图</a></p>-->

    </aside>

    <section class="content"  id="content">
        <div style="background-color: lightyellow">
            <span style="margin-left: 30%;margin-top: 1%;">欢迎来到魔盘交易世界！</span>
            <span style="margin-left: 3%;color: #f59b00" th:text="'最新收盘价 ￥：'+${taskValue.TRADE_PLATE_PRICE}"></span>
            <span style="margin-top: 1%;margin-left: 1%" th:if="${session.user.name == 'admin'}" class="ui-button"  th:onclick="|tradePlatePriceEdit('${taskValue.TRADE_PLATE_PRICE}')|">强制赋值收盘价</span>
        </div>

        <p style="color: #2a80eb">实时交易数据（默认最新30条）</p>
        <input style="margin-left: 10%" type="number" onchange="line(this)" placeholder="30  自定义">
        <div id="container" style="height: 100%">

        </div>
    </section>

    <script type="text/javascript" src="/js/index.js"></script>


</body>

